<!-- 答题结果页 -->
<template>
    <page-view-top-nav :element="element" />
    <div class="question-result-wrap">
        <img :src="customFeature.style['background-image']" class="background-mark" />

        <div class="content-wrap">
            <div class="user-info-wrap">
                <div class="user-avatar">头像</div>
                <div class="user-name">用户名</div>
            </div>

            <div class="list-wrap">
                <div class="list-item">本次答对：100</div>
                <div class="list-item">获得积分：100</div>
                <div class="list-item">返回首页</div>
            </div>
        </div>
    </div>
</template>

<script>
import { defineComponent, toRefs, computed } from 'vue'
import PageViewTopNav from '../../page-view-top-nav'
export default defineComponent({
    name: 'QuestionResult',
    components: {
        PageViewTopNav
    },
    props: {
        element: {
            type: Object,
            default: () => ({})
        }
    },
    setup(props) {
        const { element } = toRefs(props)

        const customFeature = computed(() => element.value?.customFeature || {})

        return {
            element,
            customFeature
        }
    }
})
</script>

<style lang="less" scoped>
@import './question-result.less';
</style>